﻿.banner{ position:relative;margin:0 auto; z-index: 9; min-width: 1190px;}
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{width:100%; vertical-align:top;  } 
.banner .hd{ position: absolute;z-index: 5;bottom: 30px; width:100% !important;}
.banner .hd ul{  height: 13px; text-align:center; }
.banner .hd li{ display:inline-block; width: 18px; height: 18px; margin: 0 5px; cursor:pointer; background:url(../images/bg_num.png); text-indent: -999rem;}
.banner .hd li.on{ background:url(../images/bg_num_cur.png);}
.banner .prev,.banner .next{ z-index:1; display:none; width:40px; height:70px; position:absolute; top:50%; margin-top:-35px;  filter:alpha(opacity=40);opacity:0.4; background:url(../images/arr_l.png) 0 0 no-repeat;  }
.banner .prev{ left: 3%; }
.banner .next{  background-position:right 0; right: 3%; background:url(../images/arr_r.png) 0 0 no-repeat;  }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1 }


.banico{ height: 150px; position:absolute; bottom: 0; width: 100%; background: url(../images/bg_x.png);}
.banico .wrap{ float:left; width: 20%; margin-top: -60px;}
.banico a{ display: block; width:140px; height: 140px; border-radius: 50%; margin-left: auto; margin-right: auto; border:2px solid #fff; background: #81bb39; color:#fff; text-align: center; transition: all ease 0.5s;}
.banico a i{ display: block; width:65px; height: 55px;background: url(../images/ico_index.png) no-repeat; margin-left: auto; margin-right: auto; margin-top: 23px; margin-bottom: 8px;}
.banico .wrap:nth-child(1) i{ background-position: 4px 0;}
.banico .wrap:nth-child(2) i{ background-position: -231px 0;}
.banico .wrap:nth-child(3) i{ background-position: -467px 0;}
.banico .wrap:nth-child(4) i{ background-position: -698px 0;}
.banico .wrap:nth-child(5) i{ background-position: -930px 0;}
.banico a:hover{ background: #3f7436;transform:rotateZ(360deg);}






/*子菜单*/
.subnav{ height:70px; background: #f6f6f6; border-bottom:1px solid #ececec; text-align: center;}
.subnav h3{ padding-top:27px;}
.subnav a{ display:inline-block; width:102px; height: 102px; padding:4px; font-size: 18px; background: #fff; border:1px solid #e7e7e7; border-radius: 50%; position: relative; color:#fff; margin: 0 8px;}
.subnav a span{ display: block; width:92px; height: 92px; padding:20px; border-radius: 50%; background: #7bbb43;}
.subnav a:hover span,.subnav a.cur span{ background: #37743a; color:#fff;}

/**/
.subnav2{ text-align: center; margin-bottom: 30px;}
.subnav2 a{ display: inline-block;font-size:20px; background: #acacac; color:#fff; width:130px; height: 36px; line-height: 36px; position: relative;}
.subnav2 a:hover,.subnav2 a.cur{ background: #7bbb43;}
.subnav2 a:hover:after,.subnav2 a.cur:after{ position: absolute; bottom:-10px; left:50%; margin-left: -5px; content:''; border:5px solid transparent; border-top:5px solid #7bbb43;}

/*标题*/
.ititle{ margin-top:40px; margin-bottom: 20px; text-align: center;}
.ititle span{ display: inline-block; position: relative;}
.ititle .f36:before,.ititle .f36:after{ content:''; display: block; width:7px; height: 7px; border-radius: 50%; background: #cccccc; position: absolute; top: 50%; margin-top: -6px;}
.ititle .f36:before{ left: -30px;}
.ititle .f36:after{ right: -30px;}
.ititle .wrap{ line-height: 26px;}
.ititle .wrap:before,.ititle .wrap:after{ content:''; display: block; width:350px; height: 1px; background: #dfdfdf; position: absolute; top: 50%; }
.ititle .wrap:before{ left: -380px;}
.ititle .wrap:after{ right: -380px;}
.ititle .f18{ line-height: 20px; display: inline-block;}


/*内页样式*/
.tWrap{margin-bottom: 100px;}
.inban{}
.inban a{display: block; width: 100%; height: 260px;}


/*分页*/
.pages{ text-align:center; margin:20px auto 30px; font-size:12px;}
.pages a, .pages span{ display:inline-block; padding:6px 10px; background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; margin:0; color:#aeaeae;}
.pages a:hover, .pages span.cur{ background:#ef7b00; color:#fff; border-color:#ef7b00;}


/*prevNext*/
.prevNext{ background:#fcfcfc; border:1px solid #efefef; padding:10px 20px;}
.prevNext a{ color:#8a8a8a;}
.prevNext a:hover{ color:#3f7436;}
.prevNext span{  display:inline-block;}
.prevNext .prev{ padding-left:10px; background:url(../images/icon_prev.png) left center no-repeat;}
.prevNext .next{ padding-right:10px; background:url(../images/icon_next.png) right center no-repeat;}


/*联系我们*/
.cat { position:relative;}
.cat li{ margin-bottom:8px; padding-left:25px;}
.cat li span{ position:absolute; left:0; width:20px; text-align:center;}

.contact{ padding-top:40px;}
.contact .wrap{ margin-left: 10px;}
.mapwrap{ position: relative; width:100%; height: 600px; overflow: hidden;}
#allmap {width: 100%;height:700px;overflow: hidden;margin:0;}

/*招聘*/
.joinin{ color:#71889b; margin-bottom: 20px;}
.joinin a{ color:#145f9b; border-bottom: 1px solid #145f9b;}

.joinlist li{ border:1px solid #ececec; background: #f8f8f8; padding:20px 30px; margin-bottom: 15px; color:#888888;}
.joinlist .text{ height: 43px; line-height: 43px; background: url(../images/bg_tit.png) left; color:#fff; margin-bottom: 20px; margin-left: -30px; padding-left: 30px; border-right: 1px solid #ececec;}
.joinlist li .line>div{ margin-bottom: 10px;}


/*case*/
.caselist li{ height: 340px;}
.caselist li .pic img{ display: block;}
.caselist li .con{ background: url(../images/bg_case_li.png);height: 340px; padding:80px;}
.caselist li .con .text{ height: 28px; line-height: 28px; border-left:8px solid #ef7b00; padding-left: 5px; margin-bottom: 20px; }
.caselist li:nth-child(even) .pic{ float: right;}
.caselist li:nth-child(even) .con{ float:left;}



/*新闻列表*/
.newslist{}
.newslist dl{ border:1px solid #fff; position:relative; padding:25px 25px 25px 150px; min-height:122px; background:url(../images/ico_dot.png) 120px 65px no-repeat;/*transition: all 0.6s ease-in-out;*/}
.newslist dl:hover{ background-position:120px -75px; background-color:#fcfcfc; border-color:#ececec;}
.newslist dl:hover dd.date{ color:#7bbb43;}
.newslist dl:hover dt a{ color:#292929;}
.newslist dl dd.date{ position:absolute; left:20px; top:25px; padding:0; text-align:center; font-size:16px; color:#868686; /*transition: all 0.6s linear;*/}
.newslist dl dd.desc{ padding-bottom:0px; color:#848484; line-height: 1.7;}
.newslist dl dd.date span{ font-size:60px; line-height:60px; display:block;font-weight:100;}
/*.newslist dl dt a{transition: all 0.6s linear;}*/

/*详细页面*/
.content{ color:#444444;line-height: 2.1;}
.content .date{ border-bottom:1px dashed #c1c1c1;}
.content p{ line-height: 1.9;}
.content img{ max-width: 100%;}


.abt7 .abtbox{ border:1px solid #ececec; background: #f6f6f6;}
.abt7 .abtbox h3{ height: 54px; line-height: 54px; font-size: 20px;}
.abt7 .abtbox h3.tit-y{ background: url(../images/tit_y.png) center no-repeat;}
.abt7 .abtbox h3.tit-g{ background: url(../images/tit_g.png) center no-repeat;}
.abt7 .abtbox .con{ font-size: 16px; padding: 15px 20px 30px; text-align: center;}
.abt7 .s6 .wrap{ width:176px; padding: 60px 10px; height: 176px; border-radius: 50%; background: #7bbb43; color:#fff; margin-left: auto; margin-right: auto; font-size: 16px;}
.abt7 .s6 .wrap .tt{ font-size: 22px; line-height: 20px;}

.abt18 .tit{ height: 40px; line-height: 40px; margin-bottom: 10px;}
.abt18 .tit span{ display: inline-block; width:200px; background: #7bbb43; padding-left: 10px; position: relative;}
.abt18 .tit span:after{ position: absolute; right:-20px; top:0; content:'';  width:0; height: 0; border-right:10px solid transparent; border-top:20px solid transparent; border-left:10px solid #7bbb43; border-bottom:20px solid #7bbb43;}
.abt18 p{ font-size: 16px; text-indent: 2em;}

/*合作伙伴*/
.parsub{ text-align: center;}
.parsub a{ display: inline-block; padding:5px 30px; background: #333; color:#fff;}
.parsub a:hover,.parsub a.cur{ background: #ef7b00;}

.partnerlist .line{ border-left:1px solid #e8ebf0;  border-top:1px solid #e8ebf0;}
.partnerlist .x2{ border-right:1px solid #e8ebf0; border-bottom:1px solid #e8ebf0; height:120px;float:left;}
.partnerlist .x2 a{ position: relative;display:block; width:100%; height:119px; line-height: 119px; background:#fff; text-align:center;}
.partnerlist .x2 a:hover:before{ position: absolute; left:-1px; top:-1px; width:100%; height: 100%; content:''; border:1px solid #7bbb43; box-sizing: content-box;}
.partnerlist .x2 a img{ vertical-align: middle; opacity:0.5; max-height:119px; max-width:100%;}
.partnerlist .x2 a:hover img{ vertical-align: middle; opacity:1;}


/*品牌介绍*/
.bgf6{ background: #f6f6f6;}
.intro{ background: #f6f6f6; padding:60px 40px;}
.intro .media-body{ padding-left:30px!important;}
.intro .media-body .x8{ padding-right:50px;}
.abtq{ margin:50px 150px;}
.abtq a{ display: block; width:240px; height:240px; text-align: center; margin-left: auto; margin-right: auto; border:2px solid #00a3a4; border-radius: 50%; padding:45px 40px;}
.abtq a .f48{ line-height: 50px; color:#00a3a4;}
.abtq a .f20{ text-transform:uppercase; letter-spacing: -2px;}
.abtq a .f16{ line-height: 26px;}
.abtq a:hover{ background: #00a3a4;}
.abtq a:hover *{ color:#fff!important;}
.mycul .line-big{ margin-left: -4px; margin-right: -4px;}
.mycul .line-big .x3{ padding-left:4px; padding-right: 4px;}
.mycul .line-big .wrap{ background: url(../images/bg_qi.png) bottom no-repeat #fff;}
.mycul .line-big h3{ background: #c8c8c8; height: 60px; border-bottom: 2px solid #ef7b00; line-height: 60px;}
.mycul .line-big .wrap:hover h3{ background: #ef7b00;}
.mycul .line-big .wrap .desc{ border-left:1px solid #ededed; border-right: 1px solid #ededed; padding: 20px 50px 60px; height: 350px;}


/*服务产品*/
.srvlist{}
.srvlist .line-large{ margin-left: -8px; margin-right: -8px;}
.srvlist .line-large .x4{ padding-left:8px; padding-right: 8px; margin-bottom: 16px;}
.srvlist li{}
.srvlist li a{ display: block;}
.srvlist li img{ width: 100%;}
.srvlist li .name{ margin-bottom: 5px;}
.srvlist li .con{ background: #f6f6f6; padding:15px 30px;}
.srvlist li .desc{ border-top:1px solid #e0e0e0; padding: 10px 20px 10px; margin-top:10px; height: 90px; overflow: hidden;}
.srvlist li:hover .con{ background:#ef7b00; color:#fff;}
.srvlist li:hover .con .text-black{ color:#fff!important;}
.srvlist li:hover .desc{ border-color:#e99945;}


.srvtit{ margin-top:60px; margin-bottom: 40px; text-align: center; position: relative;}
.srvtit:before{ position: absolute; top:20px; left: 0; content:''; width:100%; border-top:1px solid #ef7b00;}
.srvtit span{ display: inline-block; padding: 0px 30px; background: #ef7b00; margin-left: auto; margin-right: auto; position: relative; z-index: 1; line-height: 40px;}

/*团队*/
.teamlist{}
.teamlist .line-large{ margin-left: -10px; margin-right: -10px;}
.teamlist .line-large .x3{ padding-left:10px; padding-right: 10px; margin-bottom: 20px;}
.teamlist li{}
.teamlist li a{ display: block;}
.teamlist li img{ width: 100%;}
.teamlist li .name{ margin-bottom: 5px;}
.teamlist li .text{ color:#939393;}
.teamlist li .con{ background: #f6f6f6; padding:15px; border-bottom:2px solid #f6f6f6;}
.teamlist li .desc{ border-top:1px solid #c8c8c8; padding: 10px 0 7px; margin-top:10px; height: 90px; overflow: hidden;}
.teamlist li:hover .con{ border-bottom-color:#7bbb43;}


.teach .pic{ width:460px;}
.teach .pic img{ width: 100%;}
.teach .info{ width:670px;}
.teach .info strong{ font-size: 24px; display: block; color:#ef7b00;}

/*新闻列表2*/
.newslist-x .line-big{ margin-left: -15px; margin-right: -15px;}
.newslist-x .line-big .x6{ padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
.newslist-x .line-big .x6 .con{ display: block; padding:20px 60px 30px; background: #fff; border-bottom:2px solid #fff; color:#8d8d8d;}
.newslist-x .line-big .x6 .con .date{ border-bottom:1px dotted #b2b2b2;}
.newslist-x .line-big .x6 .con .desc{ height:72px;}
.newslist-x .line-big .x6:hover .con{ background: #f6f6f6 ;border-color: #ef7b00;}

/*证书*/
.albumlist{}
.albumlist ul{ margin-left: -15px; margin-right: -15px;}
.albumlist li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
.albumlist li a{display: block; width:270px; margin-left: auto; margin-right: auto;}
.albumlist li .pic{ width:270px; height: 390px;}
.albumlist li .pic img{width:270px; height: 390px;}
.albumlist li .tit{ display: block; background: #f3f3f3; padding:10px; transition: all 0.3s ease-in;}
.albumlist li a:hover .tit{ background: #7bbb43; color: #fff;}


/*产品列表*/
.pplist{}
.pplist .line-big{ margin-left:-7px; margin-right: -7px;}
.pplist .line-big .x4{ padding-left: 7px; padding-right: 7px; margin-bottom: 20px;}
.pplist .line-big .x4 a{ display: block; width:100%;}
.pplist li{ height: 310px;}
.pplist li a{ display: block; position: relative; width:100%; }
.pplist li .pic{ position:relative; width: 100%; height: 250px;}
.pplist li .pic img{ width: 100%; height:250px;}
.pplist li .tit{height: 50px; width: 100%; padding:10px 15px; background:#f1f1f1; color:#000; line-height: 26px; border:1px solid #f1f1f1; border-bottom:3px solid #f1f1f1; text-align: left;}
.pplist li a:hover .tit{ border:1px solid #f1f1f1; border-bottom:3px solid #7bbb43; background: #fff;color:#3f7436;}



/*工程案例*/
.photolist{}
.photolist .line-big{ margin-left:-7px; margin-right: -7px;}
.photolist .line-big .x4{ padding-left: 7px; padding-right: 7px; margin-bottom: 20px;}
.photolist .line-big .x4 a{ display: block; width:100%;}
.photolist li{ height: 310px;}
.photolist li a{ display: block; position: relative; width:100%; }
.photolist li .pic{ position:relative; width: 100%; height: 250px;}
.photolist li .pic img{ width: 100%; height:250px;}
.photolist li .tit{height: 50px; width: 100%; padding:10px 15px; background:#f1f1f1; color:#000; line-height: 26px; border:1px solid #f1f1f1; border-bottom:3px solid #f1f1f1; text-align: left;}
.photolist li a:hover .tit{ border:1px solid #f1f1f1; border-bottom:3px solid #7bbb43; background: #fff;color:#3f7436;}

/*产品详情*/
.zoombox{ width:1170px;}
.zoombox .tb-pic{ width:1170px; height:700px; line-height:700px; text-align:center;}
.zoombox .tb-pic img{ vertical-align:middle;max-width:1170px; max-height:700px;}
.zoombox .tb-thumb { height:95px; position:relative; margin-top: 10px;}
.zoombox .tb-thumb .prev, .zoombox .tb-thumb .next{ display:block; width:25px; height:90px; position:absolute; top:5px;}
.zoombox .tb-thumb .prev{ left:250px; background:url(../images/parr_l.png);}
.zoombox .tb-thumb .next{ right:250px; background:url(../images/parr_r.png);}
.zoombox .tb-thumb .bd{width:610px; margin-left: auto; margin-right: auto;}
.zoombox .tb-thumb .bd li{ float:left; margin:0 1px;}
.zoombox .tb-thumb .bd li div{ width:120px; height:95px; padding:8px 3px 3px;}
.zoombox .tb-thumb .bd li .tb-selected{ background:url(../images/p_on.png);}
.zoombox .tb-thumb .bd li img{ width:114px; height:84px;}
